// bannerLeft
$(".bannerLeft ul li").hover(function() {
        $(this).find("p").addClass("active")
        $(this).find(".subMenu").addClass("active")
    }, function() {
        $(this).find("p").removeClass("active")
        $(this).find(".subMenu").removeClass("active")
    })
    // end bannerLeft

// 电子书轮播box330220
$("#ebookslideBox").tyslide({
    boxh: 220, //盒子的高度
    w: 330, //盒子的宽度
    h: 220, //图片的高度
    isShow: true, //是否显示控制器
    isShowBtn: true, //是否显示左右按钮
    controltop: 5, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20, //控制按钮宽度
    controlsH: 2, //控制按钮高度
    radius: 10, //控制按钮圆角度数
    controlsColor: "#ccc", //普通控制按钮的颜色
    controlsCurrentColor: "#fff", //当前控制按钮的颜色
    isShowNumber: true
});

// end 电子书轮播

// 图书畅销榜
$("#ebook .ebookRight ul li").hover(function() {
        $(this).find(".bookName").addClass("active")
        $(this).find(".bookImg").addClass("active")
        $(this).find(".bookDiscription").addClass("active")
    }, function() {
        $(this).find(".bookName").removeClass("active")
        $(this).find(".bookImg").removeClass("active")
        $(this).find(".bookDiscription").removeClass("active")
    })
    // end 图书畅销榜


// 服装轮播

$("#clothingSlideBox").tyslide({
    boxh: 340, //盒子的高度
    w: 430, //盒子的宽度
    h: 340, //图片的高度
    isShow: true, //是否显示控制器
    isShowBtn: true, //是否显示左右按钮
    controltop: 5, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20, //控制按钮宽度
    controlsH: 2, //控制按钮高度
    radius: 10, //控制按钮圆角度数
    controlsColor: "#ccc", //普通控制按钮的颜色
    controlsCurrentColor: "#fff", //当前控制按钮的颜色
    isShowNumber: true
});
// end 服装轮播
// 户外轮播
$("#outdoorSlideBox").tyslide({
    boxh: 340, //盒子的高度
    w: 430, //盒子的宽度
    h: 340, //图片的高度
    isShow: true, //是否显示控制器
    isShowBtn: true, //是否显示左右按钮
    controltop: 5, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20, //控制按钮宽度
    controlsH: 2, //控制按钮高度
    radius: 10, //控制按钮圆角度数
    controlsColor: "#ccc", //普通控制按钮的颜色
    controlsCurrentColor: "#fff", //当前控制按钮的颜色
    isShowNumber: true
});
// end户外轮播
// 儿童轮播
$("#childrenSlideBox").tyslide({
    boxh: 340, //盒子的高度
    w: 430, //盒子的宽度
    h: 340, //图片的高度
    isShow: true, //是否显示控制器
    isShowBtn: true, //是否显示左右按钮
    controltop: 5, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20, //控制按钮宽度
    controlsH: 2, //控制按钮高度
    radius: 10, //控制按钮圆角度数
    controlsColor: "#ccc", //普通控制按钮的颜色
    controlsCurrentColor: "#fff", //当前控制按钮的颜色
    isShowNumber: true
});
// end儿童轮播
// 商品推广
$(".publicHederRight2 ul li").click(function() {
        $(this).addClass("active").siblings().removeClass("active")
        var index = $(this).index()
        console.log(index)
        $(".populalizeContent>ul").animate({ "left": -index * 1200 + "px" }, 2000)
    })
    // end 商品推广
    // newbook
$("#newbook .newbookRight ul li").hover(function() {
        $(this).find(".bookName").addClass("active")
        $(this).find(".bookImg").addClass("active")
        $(this).find(".bookDiscription").addClass("active")
    }, function() {
        $(this).find(".bookName").removeClass("active")
        $(this).find(".bookImg").removeClass("active")
        $(this).find(".bookDiscription").removeClass("active")
    })
    // end newbook
    // 左侧导航
$(".floorScroll li").hover(function() {
    //获取li的index
    var index = $(this).index();
    // 把宽度 40=>80
    $(this).animate({ "width": "80px" }, 100);
    //改变背景色
    // 先封装一个背景色数组
    var colorArray = ["#08218d", "#2a314f", "#11738f", "#07601a", "#1c6007", "#4e6007", "#36420b", "#572a89"]
    $(this).css({ "background-color": colorArray[index] })
        //图标改成第二列
    $(this).animate({ "background-position-x": "-40px" }, 5)
        //加上提示文本
        // 把提示文本封装到一个数组中
    var textArray = ["推荐", "电子书", "服装", "户外", "童装", "家居", "推广", "顶部", ]
    $(this).html("<span>" + textArray[index] + "</span>")
}, function() {
    //获取li的index
    var index = $(this).index();
    // 把宽度 40=>80
    $(this).animate({ "width": "40px" }, 100);
    //背景色清除

    $(this).css({ "background-color": "" })
        //图标回到第一列
    $(this).animate({ "background-position-x": "0px" }, 5)
        //加上提示文本清除

    $(this).html("")
})

//回到顶部
$(".floorScroll li:last").click(function() {
        $("html").animate({ "scrollTop": 0 }, 500)
    })
    //跳转到相应的楼层
$(".floorScroll li:not(:last)").click(function() {
        //先找到自己的索引
        var index = $(this).index();
        //获取每个楼层自己的top值
        var floorTop = $(".floors").eq(index).offset().top;
        console.log("floorTop:", floorTop)
            //找到相应的楼层
        $("html").animate({ "scrollTop": floorTop }, 500)
    })
    // 左侧导航

// 右侧助手 
$(".rightHelp .rh2").hover(function() {
        $(".rightHelp .rh4").animate({ "left": -100 }, 500)
    }, function() {
        $(".rightHelp .rh4").animate({ "left": 40 }, 500)
    })
    // 右侧助手 
$("#productslideBox").tyslide({
    boxh: 500, //盒子的高度
    w: 1200, //盒子的宽度
    h: 500, //图片的高度
    isShow: true, //是否显示控制器
    isShowBtn: true, //是否显示左右按钮
    controltop: 5, //控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20, //控制按钮宽度
    controlsH: 2, //控制按钮高度
    radius: 10, //控制按钮圆角度数
    controlsColor: "#ccc", //普通控制按钮的颜色
    controlsCurrentColor: "#fff", //当前控制按钮的颜色
    isShowNumber: true
});